#roll{
    height: 100px;
    width: 400px;
    position: fixed; /*fixed实现绝对定位*/
    cursor:pointer;
    z-index:999;
}
#roll img{
    height: 100px;
    width: 400px;
}
#roll .close{position:absolute;right:0;top:0;width:16px;height:16px;font-size:14px;line-height:16px;text-align:center;background:#fff;}
.index_focus .lft_pic {WIDTH: 700px; FLOAT: left; HEIGHT: 380px; OVERFLOW: hidden}
@media screen and (max-width:1025px){.index_focus .lft_pic {width:100%;}}
@media screen and (max-width:751px){.index_focus .lft_pic {height:220px;}}
.index_focus .pannel-image {WIDTH: 700px; HEIGHT: 380px}
@media screen and (max-width:1025px){.index_focus .pannel-image {width:100%;}}
@media screen and (max-width:751px){.index_focus .pannel-image{height:220px;}}
.index_focus IMG {	WIDTH: 700px; HEIGHT: 380px}
@media screen and (max-width:1025px){.index_focus IMG {width:100%;}}
@media screen and (max-width:751px){.index_focus IMG {height:220px;}}

.titBg {FILTER: alpha(opacity=40); BACKGROUND: #000; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}


.slider-carousel {POSITION: relative; WIDTH: 700px; HEIGHT: 380px; OVERFLOW: hidden;}
@media screen and (max-width:1025px){.slider-carousel{width:100%;}}
@media screen and (max-width:751px){.slider-carousel{height:220px;}}
.slider-carousel .item {WIDTH: 700px; HEIGHT: 380px;}
@media screen and (max-width:1025px){.slider-carousel .item{width:100%;}}
@media screen and (max-width:751px){.slider-carousel .item{height:220px;}}
.slider-carousel .slidesjs-navigation {Z-INDEX: 100; POSITION: absolute; TEXT-INDENT: -9999em; WIDTH: 30px; DISPLAY: block; HEIGHT: 30px; TOP: 180px;}
@media screen and (max-width:751px){.slider-carousel .slidesjs-navigation {POSITION: absolute;TOP: 60px}}
.slidesjs-previous {BACKGROUND: url(../images/index_btn01.png) no-repeat; LEFT: 10px;background-size: 100% 100%;}
.slidesjs-next {BACKGROUND: url(../images/index_btn02.png) no-repeat; RIGHT: 10px;background-size: 100% 100%;}
.slidesjs-pagination {Z-INDEX: 10; POSITION: absolute; WIDTH: 120px; ZOOM: 1; HEIGHT: 15px; OVERFLOW: hidden; Bottom: 50px; RIGHT: calc(50% - 60px);}
@media screen and (max-width:751px){.slidesjs-pagination{POSITION: absolute;TOP: 195px;} #roll{display: none;}}

.slidesjs-pagination-item {WIDTH: 15px; FLOAT: left; HEIGHT: 15px;margin-left:5px;}
.slidesjs-pagination-item A {TEXT-INDENT: -9999em; MARGIN: 0px 2px 0px 0px; WIDTH: 15px; DISPLAY: block; BACKGROUND: url(../images/index140516-02.png) no-repeat; FLOAT: left; HEIGHT: 15px}
.slidesjs-pagination-item A.active {BACKGROUND: url(../images/index140516-01.png) no-repeat;}
.slider-carousel .titBg {Z-INDEX: 1; POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 40px; LEFT: 0px;}

.slider-carousel .subtitle {Z-INDEX: 2; POSITION: absolute; WIDTH: 390px; BOTTOM: 0px; HEIGHT: 40px; LEFT: calc(50% - 195px);}

.slider-carousel .subtitle H6 {	LINE-HEIGHT: 40px; HEIGHT: 40px; COLOR: #ffffff; FONT-SIZE: 14px;font-family:宋体; OVERFLOW: hidden; FONT-WEIGHT: bold;padding:0;text-align:center;margin:0;}
.slider-carousel .subtitle H6 A {COLOR: #ffffff;}

/* .h_login {
	height: 35px;
	position:relative;
	z-index:99;
}
.h_login b{
    font-size: 0;
    line-height: 0;
    border-width: 6px;
    border-color:#fff;
    border-bottom-width: 0;
    border-style: dashed;
    border-top-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
	cursor: pointer;
    margin-left: 8px;
}
 .h_login:hover ul{
    display: block;
}

.h_login ul{
    position: absolute;
    background: #1e51aa;
    width: 91px;
    text-align: center;
    top: 35px;
    display: none;
        padding-bottom: 10px;
}
.h_login ul a{
	color:#fff;
} */

/* header */

.top-new {
    height: 340px;
    color: #0F54A1;
    font-size: 16px;
    background: url('../images_new/header_bg.png') no-repeat center;
    background-size: cover;
}
.top-content-width{
    width: 1200px;
    margin: 0 auto ;
}
@media screen and (max-width:1200px){.top-content-width{width:900px;}}
@media screen and (max-width:900px){.top-content-width{width:100%}}


.top-op {
    padding: 20px 0;
}

.top-op a {
    color: #0F54A1;
    margin: 0 10px;
}

.h_login {
    margin-right: 40px;
}

.top-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 108px;
    margin-top: 130px;

}


.logo-new {
    height: 108px;
}

.logo-new img {
    height: 108px;
}


@media screen and (max-width:640px){.logo-new img{width:100%;height: auto;}}


.search-form {
    position: relative;
    display: flex;
    align-items: center;
    
    margin-bottom: 0;
}



.search_input{width:400px;height:48px;border:0;vertical-align:middle;color:#888;text-indent:10px;background:#fff;border-radius:5px 0 0 5px;}
.search_input:focus{outline-color: #0364CA}
@media screen and (max-width:1200px){.search_input{width:150px;}}
@media screen and (max-width:1000px){.top-search{flex-direction: column } .search-form{margin-top: 10px; } .search_input{width: 540px;}}
@media screen and (max-width:640px){.search_input{width:100%}}

.index-input-but {
    /* margin-left: -4px; */
    width: 80px;
    height: 48px;
    background: url('../images_new/search.png') center no-repeat;
    border-radius: 0px 4px 4px 0px;
    border: none!important;
}

.top-menu {
    
    height: 60px;
    width: 100%;
    /* 为内容预留边距 */
    box-sizing: border-box;
    background-color: #0364CA;
}

.top-menu ul {
    display: flex;
    align-items: center;
    height: 100%;
    width: 1200px;
    margin:  0 auto;
}
@media screen and (max-width:1200px){.top-menu ul{width:100%;}}


.top-menu ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    line-height: 60px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
}

.top-menu ul li:hover {
    background-color: #036FE0;
}

.top-menu ul li.nav-focus {
    background-color: #0479F5;
    box-shadow: inset 0px -3px 0px 0px rgba(255, 255, 255, 0.5);
}

.top-menu ul li img {
    width: 20px;
    margin-top: 3px;
}

.top-menu ul li a {
    color: #fff;
    margin-left: 5px;
}

@media screen and (max-width:1130px){.top-menu ul li img{ display: none;} .top-menu ul li a{ display: block;}}
@media screen and (max-width:840px){.top-menu ul li a{ display: none;}.top-menu ul li img{ display: block;}}

/* header */